<div class="row">
    <div class="col-xs-6">
        <div id="datetimepicker1" class="input-append">
            <input data-format="yyyy-MM-dd" type="text" class="form-control dtpicker" placeholder="开始时间">
            <span class="add-on">
                <i data-time-icon="icon-time" data-date-icon="icon-calendar" class="btn btn-info btn-lg icon-calendar"></i>
            </span>
        </div>
    </div>
    <div class="col-xs-6 col-md-pull-4">
        <div id="datetimepicker2" class="input-append">
            <input data-format="yyyy-MM-dd" type="text" class="form-control dtpicker" placeholder="结束时间">
            <span class="add-on">
                <i data-time-icon="icon-time" data-date-icon="icon-calendar" class="btn btn-info btn-lg icon-calendar"></i>
            </span>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">

        <!-- Bar Chart -->
        <div class="widget">

            <div class="widget-head">
                <div class="pull-left">热销产品统计</div>
                <div class="widget-icons pull-right">
                    <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a> 
                    <a href="#" class="wclose"><i class="icon-remove"></i></a>
                </div>  
                <div class="clearfix"></div>
            </div>             


            <div class="widget-content">
                <div class="padd">
                    <!-- Barchart. jQuery Flot plugin used. -->
                    <div id="bar-chart" style="padding: 0px; position: relative;"><canvas class="base" width="993" height="250"></canvas><canvas class="overlay" width="993" height="250" style="position: absolute; left: 0px; top: 0px;"></canvas><div class="tickLabels" style="font-size:smaller"><div class="xAxis x1Axis" style="color:#777"><div class="tickLabel" style="position:absolute;text-align:center;left:-22px;top:228px;width:82px">0</div><div class="tickLabel" style="position:absolute;text-align:center;left:71px;top:228px;width:82px">2</div><div class="tickLabel" style="position:absolute;text-align:center;left:165px;top:228px;width:82px">4</div><div class="tickLabel" style="position:absolute;text-align:center;left:258px;top:228px;width:82px">6</div><div class="tickLabel" style="position:absolute;text-align:center;left:351px;top:228px;width:82px">8</div><div class="tickLabel" style="position:absolute;text-align:center;left:444px;top:228px;width:82px">10</div><div class="tickLabel" style="position:absolute;text-align:center;left:538px;top:228px;width:82px">12</div><div class="tickLabel" style="position:absolute;text-align:center;left:631px;top:228px;width:82px">14</div><div class="tickLabel" style="position:absolute;text-align:center;left:724px;top:228px;width:82px">16</div><div class="tickLabel" style="position:absolute;text-align:center;left:817px;top:228px;width:82px">18</div><div class="tickLabel" style="position:absolute;text-align:center;left:911px;top:228px;width:82px">20</div></div><div class="yAxis y1Axis" style="color:#777"><div class="tickLabel" style="position:absolute;text-align:right;top:212px;right:979px;width:14px">0</div><div class="tickLabel" style="position:absolute;text-align:right;top:168px;right:979px;width:14px">10</div><div class="tickLabel" style="position:absolute;text-align:right;top:124px;right:979px;width:14px">20</div><div class="tickLabel" style="position:absolute;text-align:right;top:81px;right:979px;width:14px">30</div><div class="tickLabel" style="position:absolute;text-align:right;top:37px;right:979px;width:14px">40</div><div class="tickLabel" style="position:absolute;text-align:right;top:-7px;right:979px;width:14px">50</div></div></div></div>

                    <hr>

                    <!--Bar chart stuffs -->
                    <div class="btn-group stackControls">
                        <input type="button" value="With stacking" class="btn btn-default">
                        <input type="button" value="Without stacking" class="btn btn-default">
                    </div>            

                    <div class="btn-group graphControls">

                        <input type="button" value="Bars" class="btn btn-default">
                        <input type="button" value="Lines" class="btn btn-default">
                        <input type="button" value="Lines with steps" class="btn btn-default">
                    </div>

                </div>
            </div>

        </div>
        <!-- Bar chart ends -->

    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="widget">
                    <div class="widget-head">
                        <div class="pull-left">上周销量TOP10</div>
                        <div class="widget-icons pull-right">
                            <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a> 
                            <a href="#" class="wclose"><i class="icon-remove"></i></a>
                        </div>  
                        <div class="clearfix"></div>
                    </div>
                    <div class="widget-content medias">

                        <table id="record-list" class="table table-striped table-bordered table-hover">
                            <tbody>
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30件</td>
                                </tr> 
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30件</td>
                                </tr>
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30件</td>
                                </tr>
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30件</td>
                                </tr>
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30件</td>
                                </tr>
                                
                            </tbody>
                        </table>
                    </div>
                </div>
    </div>
</div>